/*
 * @Descripttion:
 * @version:
 * @Author: congsir
 * @Date: 2024-01-06 21:47:38
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2024-06-12 22:43:59
 */
import { styled } from "styled-components";

export const WrapperHome = styled.div`
  .home_first {
    width: 100vw;
    background-color: #fbfbfd;
    .contain {
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      width: 60.6061vw;
      margin: 0 auto;
      height: 30vw;
      overflow: hidden;
      .contain_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .iconFont {
          font-size: 3.0303vw;
          color: #1a7cfa;
        }
        p {
          margin: .3535vw 0;
          font-size: .9091vw;
          color: #666;
          cursor: pointer;
        }
        .contain_box_title {
          font-size: 1.2121vw;
          font-weight: 700;
        }
      }
      .contain_box_title_imgWidth {
        width: 13.1313vw;
      }
    }
  }
  .bgc_container {
    background-color: #f8f8fa;
  }
`;
